<extend name="Base/common"/>
<block name="style">


    <style>
        .orderDetails {
            position: absolute;
            top: 0;
            width: 100%;
        }

        /*蓝色部分*/
        /* .custom_color {
             color: white;
         }
 */
        .order_details_title {
            /*  background: #2D8BFF;*/
            padding: 20px 20px;
        }

        .order_details_titleb {
            text-align: center;
            font-size: 18px;
            margin-bottom: 15px;
        }

        .order_details_titleb a {
            text-align: left;
            float: left;
            color: white;
        }

        hr {
            color: grey;
        }

        table {
            margin-top: 15px;
            width: 100%;
        }

        .beginnin {
            border: 1px solid #e0e0e0;
            padding: 0 2px;
            display: inline;
            color: #e0e0e0;
        }

        .beginnin1 {
            padding-left: 8px;
        }

        .beginnin2 {
            font-size: 17px;
        }

        .beginnin3 {
            color: #e5e5e5;
        }

        .tr_td4 {
            padding-top: 20px;
            font-size: 16px;
        }

        .beginninright {
            width: 30%;
            text-align: center;
            font-size: 21px;
            border-left: 1px dashed #e3e3e3;
        }

        /*订单部分*/
        .order_details_bank {
            margin-top: 10px;
            padding: 0 20px;
            background: white;
        }

        .collects {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .collect {
            padding-left: 10px;
        }

        .prices {
            background: white;
            margin-top: 10px;
            padding: 10px 20px;
        }

        .prices1 {
            padding-left: 15px;
            color: orange;
        }
    </style>
    <style>
        .order_details_title {
            padding: 5px 10px;
        }
        .order_details_titleb {
            font-size: 19px;
        }
        table {
            margin-top: 5px;
        }
        .beginnin {
            border-radius: 10px;
            font-size: 14px;
        }
        .beginnin2 {
            font-size: 14px;
        }
        .tr_td4 {
            padding-top: 5px;
            font-size: 14px;
        }
        .beginninright {
            font-size: 18px;
        }
        .order_details_bank hr {
            border: none;
            border-top: 1px solid #e9e9e9;
        }
        .premium {
            margin: 8px 0;
        }
    </style>

</block>


<block name="body">

    <div class="orderDetails" style="margin-bottom: 100px;clear: both">
        <!--蓝色部分-->
        <div class="order_details_title ts_nav">
            <div class="order_details_titleb custom_color">
                <span>订单详情</span>
                <div style="height: 0;clear: both;"></div>
            </div>
            <hr>
            <table class="custom_color">
                <tr>
                    <td>
                        <div class="beginnin">始</div>
                        <span class="beginnin1 beginnin2">{$order.from}</span><span class="beginnin1 beginnin3"></span></td>
                    <td rowspan="5" class="beginninright"><span>订票中</span></td>
                </tr>
                <tr>
                    <td style="padding-left: 9px;">|</td>
                </tr>
                <tr>
                    <td>
                        <div class="beginnin">终</div>
                        <span class="beginnin1 beginnin2">{$order.to}</span><span class="beginnin1 beginnin3"></span></td>
                </tr>
                <tr>
                    <td class="tr_td4">{$order.depart_time} 发车</td>
                </tr>
            </table>
        </div>
        <!--乘客信息-->
        <div class="order_details_bank">

            <foreach name="order.psrInfo" item="v" >
            <table style="width: 100%;">
                <tr>
                    <td style="width: 20%;">乘客 </td>
                    <td style="width: 20%;">{$v.psr_name}</td>
                    <td style="width: 60%;">电话<span style="padding-left: 5px;">{$v.psr_tel}</span></td>
                </tr>
                <tr>
                    <td>身份证</td>
                    <td colspan="2">{$v.psr_id_card}</td>
                </tr>
            </table>
                <hr>
            </foreach>


            <div class="collects">
                <span>取票人</span><span class="collect">{$order.od_get_ticket_person}</span><span class="collect">{$getTicketPersonTel}</span>
            </div>
            <hr>
            <div style="padding-bottom: 10px;" class="premium">
                <span >保险费</span>
                <div style="float: right;">&yen;<span>{$order.unitPrice}</span></div>
                <div style="height: 0;clear: both;"></div>
            </div>
        </div>
        <div class="prices"><span>总价:</span><span class="prices1">&yen;<span><s>{$order.od_total_price}</s></span></span></div>
        <div class="prices"><span>折后价:</span><span class="prices1">&yen;<span>{$order.od_sell_price}</span></span></div>
        <br>
        <br>
        <!--支付和取消按钮-->
        <div>
            <input  type="submit" class="weui-btn weui-btn_primary" value="支付&yen;{$order.od_sell_price}">
            <a  href="__CONTROLLER__/cancelTicketFromDB/id/{$order.od_id}" type="button" class="weui-btn weui-btn_primary" >取消订单</a>
        </div>

    </div>


</block>

<block name="navbar"></block>